import React from 'react';
import Header from '@/component/layout/Header/Header';
import Banner from './Banner';
import Nav from './Nav';
import Main from './Main';
import './style.less';
import { Link } from 'react-router-dom';
const img1 = require('../../assests/img/icon-header.png');
const img2 = require('../../assests/img/sousuo.png');
const Home = (props) => {
  return (
    <>

      <Header
        left={<img className="icon-header home-icon-header" src={img1} alt="" />}
        right={<Link to="/search"><img className="icon-header-sousuo" src={img2} alt="" /></Link>}
      />
      <div className="global-content Home-box">
        <Banner/>
        <Nav/>
        <Main/>
      </div>
    </>
  )
}


export default React.memo(Home);